<%-- 
    Document   : categoria
    Created on : 02/06/2014, 17:29:54
    Author     : ebastos
--%>

<%@taglib prefix='c' uri='http://java.sun.com/jsp/jstl/core' %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <title>Categoria</title>
    </head>
    <body>
        <h1>Cadastro de Categorias</h1>
        <form action="controladora?action=categoria" method="POST">
            <input type="submit" name="btnCadastrar" value="Cadastrar" />
            <c:choose>
                <c:when test="${requestScope.listaCategorias != null && requestScope.listaCategorias.size() > 0}">
                    <table>
                        <tr>
                            <th>
                                ID
                            </th>
                            <th>
                                Nome
                            </th>
                            <th>
                                Ações
                            </th>
                        </tr>
                        <c:forEach items="${requestScope.listaCategorias}" var="categoria">
                            <tr>
                                <td>
                                    ${categoria.ID}
                                </td>
                                <td>
                                    ${categoria.nome}
                                </td>
                                <td>
                                    <input type="submit" name="btnVisualizar" class="btnVisualizar${categoria.ID}" value="${categoria.ID}" hidden="hidden" />
                                    <a href="javascript:void(0);" onclick="$('.btnVisualizar${categoria.ID}').click();">
                                        <img src="images/Lupa.png" width="16" height="16" alt="Visualizar" />
                                    </a>
                                    <input type="submit" name="btnEditar" class="btnEditar${categoria.ID}" value="${categoria.ID}" hidden="hidden" />
                                    <a href="javascript:void(0);" onclick="$('.btnEditar${categoria.ID}').click();">
                                        <img src="images/Editar.png" width="16" height="16" alt="Editar" />
                                    </a>
                                    <input type="submit" name="btnRemover" class="btnRemover${categoria.ID}" value="${categoria.ID}" hidden="hidden" onclick="return confirm('Você tem certeza que deseja remover essa categoria e todas as subcategorias associadas a esta categoria?');" />
                                    <a href="javascript:void(0);" onclick="$('.btnRemover${categoria.ID}').click();">
                                        <img src="images/Remover.png" width="16" height="16" alt="Remover" />
                                    </a>
                                </td>
                            </tr>
                        </c:forEach>
                        <tr>
                            <td colspan="3">
                                <input type="submit" value="Voltar" onclick="window.location.assign('index.jsp'); return false;" />
                            </td>
                        </tr>
                    </table>
                </c:when>
                <c:otherwise>
                    <br />
                    Nenhuma categoria a ser listada.
                </c:otherwise>
            </c:choose>
        </form>
    </body>
</html>
